<nz-card [nzBodyStyle]="{padding: '20px 24px 8px 24px'}" [nzBordered]="bordered">
  <nz-spin [nzSpinning]="loading">
    <div class="g2-card__top">
      <div class="g2-card__avatar">
        <ng-container *stringTemplateOutlet="avatar">{{avatar}}</ng-container>
      </div>
      <div class="g2-card__meta-wrap">
        <div class="g2-card__meta">
          <span class="g2-card__meta-title" *ngIf="title">
            <ng-container *stringTemplateOutlet="title">{{title}}</ng-container>
          </span>
          <span class="g2-card__meta-action" *ngIf="action">
            <ng-container *stringTemplateOutlet="action">{{action}}</ng-container>
          </span>
        </div>
        <p *ngIf="total" class="g2-card__total" [innerHTML]="total"></p>
      </div>
    </div>
    <div class="g2-card__desc" [ngStyle]="{'height':_height}">
      <div [ngClass]="{'g2-card__fixed': !!_orgHeight }">
        <ng-content></ng-content>
      </div>
    </div>
    <div class="g2-card__footer" *ngIf="footer">
      <ng-container *stringTemplateOutlet="footer">{{footer}}</ng-container>
    </div>
  </nz-spin>
</nz-card>
